
.header-box{
	width: 100%;
	
	.header-tab-box{
		height: 44px;
	}
}

::v-deep .z-paging-content {
		transition: all 0.2s;
	}

	.page {
		background-color: #f8f8f8;
		height: 100vh;
		transition: all 0.2s;
		opacity: 0;
	}
	
	.bg-color {
		width: 100%;
		height: 708rpx;
		position: fixed;
		transition: all 0.2s;
	}
	.search-box {
		width: 100%;
		padding: 30rpx;
		box-sizing: border-box;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 1;
		transition: all 0.3s;
		display: flex;
		align-items: center;
	
		::v-deep .uv-search__content {
			transition: all 0.3s;
			// border-radius: 16rpx !important;
		}
		.search-add{
			margin-left: 15rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;			
			font-size: 24rpx;
			color: #181818;
			width: 80rpx;
			
			.search-desc{
				margin-top: 5rpx;
			}
		}
	}
	.content {
		position: relative;
		
	}
	.swiper{
		height: 100%;
	}
	